<script setup lang="ts">import {useLanguage} from "../../../services/LanguageService.ts";import {computed} from "vue";import {selectedKey} from "../composables/SettingsDataComposable.ts";import {SETTINGS} from "../../../constants/UserSettingsConstant.ts";const {currentLanguage} = useLanguage();// 菜单项const menuItems = computed(() => SETTINGS.MENU.OPTIONS.map(option => ({  key: option.key,  label: currentLanguage.value.pages.settings[option.labelKey]})));</script><template>  <!-- 左侧菜单 -->  <div class="settings-menu">    <n-menu        v-model:value="selectedKey"        :options="menuItems"        mode="vertical"        :collapsed="false"    />  </div></template><style scoped>.settings-menu {  width: 25%;  border-right: 1px solid var(--theme-universal-border);  background-color: var(--theme-menu-background);}</style>